@use '@xtail/vue3/es/components/SIcon/SIcon.css' as *;
@use '@xtail/vue3/es/components/SWatchSize/SWatchSize.css' as *;

.x-layout-side-responsive {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;

  .x-layout-side-responsive__content-container {
    flex: 1;
    overflow: hidden;

    .x-layout-side-responsive__content {
      box-sizing: border-box;
      width: 100%;
      height: 100%;
    }
  }
}
